<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WEUI-Button</title>
    <link rel="stylesheet" href="./btn.css">
</head>
<body>
   <!--html 结构 由内到外 从上到下-->
   <!--取类名是个技术活，从大厂学习一些词汇
       1.page结构命名套路
       2.__ BEM 国际命名规范
       3.page Block 兴起一个区块
       4.page__hd  子元素 Element
       5.组件命名btn 可以复用的按钮组件 weui? 
          .weui-btn .bd-btn  .tm-btn .m-btn  .jd-btn
          项目名或公司名 作为前缀 .btn新的一个block
          .weui-messagebox>.weui-messagebox_hd{弹窗标题}+.weui-messagebox_bd>p{}+.weui-messagebox_ft
    -->
   <div class="page">
        <div class="page__hd">
            <h1 class="page__title">Button</h1>
            <p class="page__desc">按钮</p>
        </div>
        <div class="page__bd">
            <div class="button-sp-area">
            <a href="javascript:;" class="weui-btn">主要操作</a>
        </div>
        <!--<div class="page_ft"></div>-->
   </div>  
</body>
</html>